.hro-login{
  background-image: url('/logo-img/BG-duanwu.png');
  #canvas{
    pointer-events: none;
  }
  .dianzhui{
    position: absolute;
    top: .9rem;
    left: 0.5rem;
    z-index: 7;
    width: 7.30rem;
    height: 3.53rem;
    .text{
      width: 100%;
      height: 100%;
      // background-image: url('./image/shengdan-r.png');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
  .login-con{
    width: 4.20rem;
    height: 3.30rem;
    background-color: rgba(255,255,255,.3);
    box-shadow: 0 .1rem .15rem rgba(0,0,0,0.2);
    border-radius: .2rem;
    position: absolute;
    top: 50%;
    margin-top: -2.10rem;
    right: 50%;
    margin-right: -1.65rem;
    z-index: 9;
    // background-image: url('./image/login-box-nian.png');
    background-image: none;
    // background-size: 100% 100%;
    // background-position: center;
    // background-repeat: no-repeat;
    .form-con{
      width: 4.20rem;
      height: 3.3rem;
      // position: absolute;
      top: 0;
      right: 0;
      padding: 0 .65rem;
    }
  }
  .ivu-input{
    color: rgba(0,0,0,1,.5);
    &::-webkit-input-placeholder {
      color: rgba(0,0,0,.5);
    }
    &:focus{
      border-color: rgba(0,0,0,0);
      box-shadow:none;
    }
  }
}